/*整个滚动条*/

::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

/*水平的整个滚动条*/

::-webkit-scrollbar:horizontal {
  height: 8px;
  background-color: transparent;
}

/*滚动条轨道*/

::-webkit-scrollbar-track {
  background-color: var(--primary-background-color);
  border-right: 1px solid var(--primary-background-color);
  border: 1px solid var(--primary-background-color);
}

/*竖直的滑块*/

::-webkit-scrollbar-thumb {
  background-color: #262e3c;
  border-radius: 4px;
  border-top: 1px solid var(--primary-background-color);
  border-bottom: 1px solid var(--primary-background-color);
  border-left: 1px solid var(--primary-background-color);
}

/*水平的滑块*/

::-webkit-scrollbar-thumb:horizontal {
  /* background-color: #262e3c; */
  border-radius: 4px;
  border-top: 1px solid var(--primary-background-color);
  /* border-right: 1px solid var(--primary-background-color);
        border-left: 1px solid var(--primary-background-color); */
}

/*滚动条上的按钮--竖直滚动条向上*/

::-webkit-scrollbar-button:decrement {
  border-bottom: 1px solid #3c495e;
  height: 8px;
  /* background: url("./images/scroll_up.png") 7px 9px no-repeat; */
  border-right: 1px solid var(--primary-background-color);
  border-left: 1px solid var(--primary-background-color);
}

/*滚动条上的按钮--竖直滚动条向下*/

::-webkit-scrollbar-button:increment {
  border-top: 1px solid var(--primary-background-color);
  height: 26px;
  /* background: url("./images/scroll_down.png") 7px 10px no-repeat; */
  border-right: 1px solid var(--primary-background-color);
  border-left: 1px solid var(--primary-background-color);
  border-bottom: 1px solid var(--primary-background-color);
}

/*滚动条上的按钮--水平滚动条向左*/

::-webkit-scrollbar-button:horizontal:decrement {
  border-top: 1px solid var(--primary-background-color);
  width: 8px;
  /* background: url("./images/scroll_left.png") 9px 7px no-repeat; */
  border-top: 1px solid var(--primary-background-color);
  border-bottom: 1px solid var(--primary-background-color);
  border-right: 1px solid var(--primary-background-color);
}

/*滚动条上的按钮--水平滚动条向右*/

::-webkit-scrollbar-button:horizontal:increment {
  border-top: 1px solid var(--primary-background-color);
  width: 25px;
  /* background: url("./images/scroll_right.png") 10px 7px no-repeat; */
  border-left: 1px solid var(--primary-background-color);
}

/*边角*/
::-webkit-scrollbar-corner {
  border: 1px solid #dce4f3;
}